 body {
   background-color: #f5f5f5;
   color: #333;
   margin: 0;
   padding: 0;
 }

 .container {
   max-width: 800px;
   margin: 40px auto;
   background-color: #ffffff;
   border-radius: 8px;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
   padding: 30px;
 }

 h2 {
   color: #336699;
   text-align: center;
 }

 label {
   display: block;
   margin: 20px 0 5px;
   font-weight: bold;
 }

 input[type="text"],
 select,
 textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid #ccc;
   border-radius: 6px;
   font-size: 16px;
   background-color: #f9f9f9;
 }

 textarea {
   height: 200px;
   resize: vertical;
 }

 .btn-group {
   text-align: center;
   margin-top: 30px;
 }

 .btn {
   padding: 10px 30px;
   margin: 0 10px;
   font-size: 16px;
   border: none;
   border-radius: 6px;
   cursor: pointer;
 }

 .btn-primary {
   background-color: #5ca9f0;
   color: white;
 }

 .btn-primary:hover {
   background-color: #4b98e0;
 }

 .btn-danger {
   background-color: #e91e63;
   color: white;
 }

 .btn-danger:hover {
   background-color: #d81b60;
 }

 .alert {
   padding: 10px;
   margin-bottom: 20px;
   border-radius: 5px;
   font-weight: bold;
   text-align: center;
 }

 .alert-success {
   background-color: #d4edda;
   color: #155724;
   border: 1px solid #c3e6cb;
 }

 .alert-error {
   background-color: #f8d7da;
   color: #721c24;
   border: 1px solid #f5c6cb;
 }

 .header {
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   height: 50px;
   background-color: #f4f4f4;
   box-shadow: 0px 2px 3px #0000001d;
   z-index: 9;
 }

 .header-title {
   margin: 0 50px;
   font-size: 30px;
   font-weight: 500;
   color: #1c2127;
   cursor: pointer;
   text-decoration: none;
 }

 .header-title:hover {
   color: #3773bc;
 }


 .header span {
   display: block;
   width: 100px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   background: #409eff;
   color: #fff;
   border-radius: 5px;
   position: absolute;
   top: 50%;
   right: 50px;
   transform: translateY(-50%);
   transition: all 0.2s ease;
 }

 .header span:hover {
   background-color: #3773b0;
 }